<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>{$lang_youtube_title}</title>
	<script language="javascript" type="text/javascript" src="../../tiny_mce_popup.js"></script>
	<script language="javascript" type="text/javascript" src="jscripts/youtube.js"></script>
	<script language="javascript" type="text/javascript" src="../../utils/mctabs.js"></script>
	<script language="javascript" type="text/javascript" src="../../utils/form_utils.js"></script>
	<link href="css/youtube.css" rel="stylesheet" type="text/css" />
	<base target="_self" />
</head>
<body onLoad="tinyMCEPopup.executeOnLoad('init();');" style="display: none">
    <form onSubmit="insertYouTube();return false;" action="#">
		<div class="tabs">
			<ul>
				<li id="general_tab" class="current"><span><a href="javascript:mcTabs.displayTab('general_tab','general_panel');" onMouseDown="return false;">{$lang_youtube_general}</a></span></li>
			</ul>
		</div>

		<div class="panel_wrapper">
			<div id="general_panel" class="panel current">
				<fieldset>
					<legend>{$lang_youtube_general}</legend>

					<table border="0" cellpadding="4" cellspacing="0">
							<tr>
							<td nowrap="nowrap"><label for="file">{$lang_youtube_file}</label></td>
							  <td nowrap="nowrap">
									<table border="0" cellspacing="0" cellpadding="0">
									  <tr>
										<td><input id="file" name="file" type="text" value="" onFocus="this.select();" /></td>
										<td id="filebrowsercontainer" style="visibility:hidden; display:none;" >&nbsp;</td>
									  </tr>
									</table>
								</td>
							</tr>
							<tr id="linklistrow">
								<td><label for="linklist">{$lang_youtube_list}</label></td>
								<td id="linklistcontainer">&nbsp;</td>
							</tr>
							<tr>
								<td nowrap="nowrap"><label>{$lang_youtube_size}</label></td>
								<td nowrap="nowrap">
									<input type="text" id="width" name="width" value="" onFocus="this.select();" />
									<select name="width2" id="width2" style="width: 50px">
										<option value="">px</option>
										<option value="%">%</option>
									</select>&nbsp;x&nbsp;<input id="height" name="height" type="text"  value="" onFocus="this.select();" />
									<select name="height2" id="height2" style="width: 50px">
										<option value="">px</option>
										<option value="%">%</option>
									</select>
								</td>
							</tr>
					</table>
				</fieldset>
			</div>
		</div>

		<div class="mceActionPanel">
			<div style="float: left">
				<input type="button" id="insert" name="insert" value="{$lang_insert}" onClick="insertYouTube();" />
			</div>

			<div style="float: right">
				<input type="button" id="cancel" name="cancel" value="{$lang_cancel}" onClick="tinyMCEPopup.close();" />
			</div>
		</div>
	</form>
</body>
</html>
